import React from 'react'
import { primaryColor } from "@/views/constant";
import './index.scss';

export default function Title({ title }) {
    return <div>
        <div className="flex-center">
            <span className="title-text">
                {title.slice(0, 2)}
            </span>
            <span className="primary-title" style={{ color: primaryColor }}>
                {title.slice(2)}
            </span>
        </div>
        <div className="separator" style={{ backgroundColor: primaryColor }}></div>
    </div>
}